<template>
  <a target="_blank"
    class="hidden lg:flex items-center justify-center font-bold text-xs px-4 py-3 bg-white rounded-3xl mx-3"
    href="https://ko-fi.com/mywellabee">
    <div class="w-5 h-auto flex items-center"><span
        style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span
          style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img
            style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0"
            alt="" aria-hidden="true"
            src="https://mywellabee.com/_next/image?url=%2Fstatic%2Fkofi.webp&w=64&q=75"></span><img alt="Support"
          title="Support" src="https://mywellabee.com/_next/image?url=%2Fstatic%2Fkofi.webp&amp;w=64&amp;q=75"
          decoding="async" data-nimg="intrinsic"
          style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"
          srcset="https://mywellabee.com/_next/image?url=%2Fstatic%2Fkofi.webp&amp;w=32&amp;q=75 1x, https://mywellabee.com/_next/image?url=%2Fstatic%2Fkofi.webp&amp;w=64&amp;q=75 2x"></span>
    </div>
    <div class="pl-1">Support</div>
  </a>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({

})
</script> 
